<template>
  <div class="footer">
    <div class="footer-item logo">鲸智图书</div>
    <div class="footer-item">这是一个主要为校园服务的图书管理系统</div>
    <div class="footer-item">Copyright2021.JingZhiStudio</div>
  </div>
</template>

<script>
  export default {
    name: "Footer"
  }
</script>

<style scoped>
  .footer {
    height: 250px;
    background-color: #e5f2ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .footer-item {
    margin: 8px auto 8px;
    font-size: 20px;
    color: rgb(158, 175, 212);
  }
  .logo {
    font-size: 60px;
    color: rgb(51, 204, 255);
    font-family: 华文隶书;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
  }
</style>
